<template>
    <div style="display: flex;">
        <template v-for="item in options" :key="item.value">
            <app-button2 style="margin-right: 8px;" :class="data == item.value ? 'app-button2-active' : ''"
                @click="data = item.value">
                <div>{{ item.label }}</div>
            </app-button2>
        </template>
    </div>
</template>

<script setup>
const data = defineModel({ type: Boolean })
const props = defineProps({
    options: Array
})
</script>

<style lang="scss" scoped></style>

<style>
.app-button2-active {
    border: 1px solid #3569fd !important;
    color: #3569fd !important;
}
</style>